/**
 * 展示讲师信息的模态框
 */

import React from 'react'

export default class TecModal extends React.Component{
  render(){
  const tec = this.props.tec
  return (
  <div className="modal fade" id="teacherModal">
    <div className="modal-dialog">
      <div className="panel panel-default">
        <div className="panel-heading">
          <button type="button" className="close" data-dismiss="modal">&times;</button>
          <h4 className="panel-title">讲师信息</h4>
        </div>
        <div className="panel-body">
          <table className="table table-bordered table-condensed">
            <tbody>
              <tr>
                <th>姓名:</th><td>{tec.tc_name}</td>
                <th>职位:</th><td colSpan="3">讲师</td>
                <td rowSpan="4" width="128">
                  <div className="avatar">
                    <img src="./images/default.png" alt="" />
                  </div>
                </td>
              </tr>
              <tr>
                <th>花名:</th><td>{tec.tc_roster}</td>
                <th>出生日期:</th><td colSpan="3">2015-11-13</td>
              </tr>
              <tr>
                <th>性别:</th><td>男</td>
                <th>出生日期:</th><td colSpan="3">{tec.tc_birthday}</td>
              </tr>
              <tr>
                <th>手机号码:</th><td colSpan="2">13051524959</td>
                <th>邮箱:</th><td colSpan="2">{tec.tc_email}</td>
              </tr>
              <tr>
                <th>籍贯:</th><td colSpan="6">{tec.tc_hometown}</td>
              </tr>
              <tr>
                <td colSpan="7">
                  <div className="introduce">
                    <p>豫章故郡，洪都新府。星分翼轸，地接衡庐。襟三江而带五湖，控蛮荆而引瓯越。物华天宝，龙光射牛斗之墟；人杰地灵，徐孺下陈蕃之榻。雄州雾列，俊采星驰。台隍枕夷夏之交，宾主尽东南之美。都督阎公之雅望，棨戟遥临；宇文新州之懿范，襜帷暂驻。十旬休假，胜友如云；千里逢迎，高朋满座。腾蛟起凤，孟学士之词宗；紫电青霜，王将军之武库。家君作宰，路出名区；童子何知，躬逢胜饯。</p>
                    <p>时维九月，序属三秋。潦水尽而寒潭清，烟光凝而暮山紫。俨骖騑于上路，访风景于崇阿。临帝子之长洲，得仙人之旧馆。层峦耸翠，上出重霄；飞阁流丹，下临无地。鹤汀凫渚，穷岛屿之萦回；桂殿兰宫，列冈峦之体势。</p>
                    <p>披绣闼，俯雕甍，山原旷其盈视，川泽纡其骇瞩。闾阎扑地，钟鸣鼎食之家；舸舰迷津，青雀黄龙之舳。云销雨霁，彩彻区明。落霞与孤鹜齐飞，秋水共长天一色。渔舟唱晚，响穷彭蠡之滨，雁阵惊寒，声断衡阳之浦。</p>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
      )
  }
}